import { defineComponent } from 'vue';
import GLayout from '/@/shared/components/g-layout/index.vue';
import { SmileOutlined, DownOutlined } from '@ant-design/icons-vue';
export default defineComponent({
  components: { GLayout, SmileOutlined, DownOutlined },
  data() {
    return {
      columns: [] as any,
      data: [] as any,
    };
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      this.columns = [
        { title: 'Full Name', width: 100, dataIndex: 'name', key: 'name', fixed: 'left' },
        { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },
        { title: 'Column 1', dataIndex: 'address', key: '1', width: 200 },
        { title: 'Column 2', dataIndex: 'address', key: '2', width: 200 },
        { title: 'Column 3', dataIndex: 'address', key: '3', width: 200 },
        { title: 'Column 4', dataIndex: 'address', key: '4', width: 200 },
        { title: 'Column 5', dataIndex: 'address', key: '5', width: 200 },
        { title: 'Column 6', dataIndex: 'address', key: '6', width: 200 },
        { title: 'Column 7', dataIndex: 'address', key: '7', width: 200 },
        { title: 'Column 8', dataIndex: 'address', key: '8', width: 200 },
        {
          title: 'Action',
          key: 'operation',
          fixed: 'right',
          width: 100,
        },
      ];
      this.data = [
        {
          key: '1',
          name: 'John Brown',
          age: 32,
          address: 'New York Park',
        },
        {
          key: '2',
          name: 'Jim Green',
          age: 40,
          address: 'London Park',
        },
      ];
    },
  },
});
